<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>#ml_graph_title</title>
<hta:application id="bgraphapp" applicationname="bgraphapp" singleinstance="yes" navigable="yes" innerborder="no" caption="yes" icon="images/speed_hta.ico" />
<link rel="stylesheet" type="text/css" href="dialog.css" />
<script type="text/javascript">//<![CDATA[
   function ml_object() {
      this.yes = "#ml_yes";
      this.no = "#ml_no";
      this.ole_error = "#ml_ole_error";
      this.budget = "#ml_budget";
      this.bgraph_totals = "#ml_bgraph_totals";
   };
   is_programs = true;
//]]></script>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="dlg_common.js"></script>
<script type="text/javascript" src="prioutil.js"></script>
<script type="text/javascript" src="bgraph.js"></script>
</head>
<body onload="dialog()">
  <div id="menu">
    <img src="images/logo.png" width="220" height="100" alt="" onFocus="this.blur()"  ONDRAGSTART="window.event.returnValue=false"/>
    <div class="help_box" style="display: block; padding-bottom: 12px">
      <div class="sel_box">
        <div class="colorbox" style="background-color: #39468b">&#160;</div>
        <select class="graph" id="s1" tabindex="2" onchange="set_item_sel(1)">
          <option>#ml_please_select</option>
          <option>#ml_bgraph_totals</option>
          <option>#ml_budgets</option>
          <option>#ml_protocols</option>
          <option>#ml_programs</option>
        </select>
        <select class="graph2" id="i1"  tabindex="3" onchange="write_selection(1)">
          <option>---</option>
        </select>
      </div>
      <div class="sel_box">
        <div class="colorbox" style="background-color: #337c22">&#160;</div>
        <select class="graph" id="s2" tabindex="4" onchange="set_item_sel(2)">
          <option>#ml_please_select</option>
          <option>#ml_bgraph_totals</option>
          <option>#ml_budgets</option>
          <option>#ml_protocols</option>
          <option>#ml_programs</option>
        </select>
        <select class="graph2" id="i2" tabindex="5" onchange="write_selection(2)">
           <option>---</option>
        </select>
      </div>
      <div class="sel_box">
        <div class="colorbox" style="background-color: #d08d37">&#160;</div>
        <select class="graph" id="s3" tabindex="6" onchange="set_item_sel(3)">
          <option>#ml_please_select</option>
          <option>#ml_bgraph_totals</option>
          <option>#ml_budgets</option>
          <option>#ml_protocols</option>
          <option>#ml_programs</option>
        </select>
        <select class="graph2" id="i3" tabindex="7" onchange="write_selection(3)">
          <option>---</option>
        </select>
      </div>
      <div class="sel_box">
        <div class="colorbox" style="background-color: #b72d16">&#160;</div>
        <select class="graph"  id="s4" tabindex="8" onchange="set_item_sel(4)">
          <option>#ml_please_select</option>
          <option>#ml_bgraph_totals</option>
          <option>#ml_budgets</option>
          <option>#ml_protocols</option>
          <option>#ml_programs</option>
        </select>
        <select class="graph2" id="i4" tabindex="9" onchange="write_selection(4)">
          <option>---</option>
        </select>
      </div>
    </div>
  </div>
  <div id="dlg">
    <h1>#ml_graph_title</h1>
    <h2>#ml_show_for</h2>
    <div class="setting">
      <select id="rg_sel" tabindex="1" onchange="write_range()">
        <option>#ml_last_12_months</option>
        <option>#ml_last_3_months</option>
        <option>#ml_last_month</option>
        <option>#ml_this_month</option>
      </select>
      <input type="radio" name="rxtx" value="1">rx</input>
      <input type="radio" name="rxtx" value="2">tx</input>
      <input type="radio" name="rxtx" value="3" checked="checked">rx+tx</input>
      <input type="checkbox" id="sum" value="1" checked="checked">sum</input>
    </div>
    <div class="setting">
      <img id="uimg" src="images/usage.bmp" alt="#ml_graph_title" />
    </div>
    <h2>#ml_bgraph_totals</h2>
    <div class="setting">
      <table style="width: 100%">
        <tr>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #39468b">&#160;</div><strong>rx</strong>: <span id="total1r">total 1</span></td>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #337c22">&#160;</div><strong>rx</strong>: <span id="total2r">total 2</span></td>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #d08d37">&#160;</div><strong>rx</strong>: <span id="total3r">total 3</span></td>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #b72d16">&#160;</div><strong>rx</strong>: <span id="total4r">total 4</span></td>
        </tr>
        <tr>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #39468b">&#160;</div><strong>tx</strong>: <span id="total1t">total 1</span></td>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #337c22">&#160;</div><strong>tx</strong>: <span id="total2t">total 2</span></td>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #d08d37">&#160;</div><strong>tx</strong>: <span id="total3t">total 3</span></td>
          <td style="width: 24%"><div class="colorbox2" style="background-color: #b72d16">&#160;</div><strong>tx</strong>: <span id="total4t">total 4</span></td>
        </tr>
      </table>
    </div>
  </div>
  <div id="loading"><img src="images/loading.gif" alt="#ml_loading" width="100" height="100" /></div>
</body>
</html>
